﻿<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的生活</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="css/sm-extend.css">
    <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
</head>
    <style>
        .clearfix:after{
            content: "";
            display:table;
            clear:both;
        }
        .fl{
            float:left;
        }
        .fr{
            float:right;
        }
        .block{
            background:white;
            height:100%;
            line-height:2rem;
            margin-top:0px;
           text-align:center;
        }
        .block input{
            width:96%;
            border:none;
            border-bottom:1px solid #f2f2f2;
            height:2.5rem;
            line-height:2.5rem;
            padding-left:1rem;
            margin:.2rem;
        }
        .block input[type="password"]{
            width:80%;
        }
        .block input[type="button"]{
            margin-top:1rem;
            color:white;
            font-size:.8rem;
            background:#db394f;
            border-radius:.4rem;
            width:80%;
        }
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
          color: #ccc; opacity:1; 
          font-size:.6rem;
        }

        ::-moz-placeholder { /* Mozilla Firefox 19+ */
          color: #ccc;opacity:1;
          font-size:.6rem;
        }

        input:-ms-input-placeholder{
          color: #ccc;opacity:1;
          font-size:.6rem;
        }

        input::-webkit-input-placeholder{
             color: #ccc;opacity:1;
             font-size:.6rem;
        }
    </style>
</head>





    <div class="page-group">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page">
            <!-- 标题栏 -->
            <header class="bar bar-nav">
               	<a class="icon icon-left pull-left open-panel" href="anquan.html"></a>
                <h1 class="title">安全中心</h1>
            </header>

            

            <!-- 这里是页面内容区 -->
            <div class="content">
               <div class="block">
                  <input type="password" placeholder="输入当前密码" /><br />
                   <input type="password" placeholder="输入新的密码" /><br />
                   <input type="password" placeholder="再次输入新的密码" /><br />
                  <a href="xiugai-mima-result.html"><input type="button" value="提 交" /></a>
                </div>            
            </div>
        </div>
    </div>

  
</html>